<!--
  ~ Electronic Logistics Management Information System (eLMIS) is a supply chain management system for health commodities in a developing country setting.
  ~
  ~ Copyright (C) 2015  John Snow, Inc (JSI). This program was produced for the U.S. Agency for International Development (USAID). It was prepared under the USAID | DELIVER PROJECT, Task Order 4.
  ~
  ~ This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
  ~
  ~ This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details.
  ~
  ~ You should have received a copy of the GNU Affero General Public License along with this program.  If not, see <http://www.gnu.org/licenses/>.
  -->

<div>
  <div class="pull-left span6">
    <table class="table table-bordered">
      <thead>
      <tr class="text-row gradient-header">
        <th colspan="3"><span openlmis-message="label.vaccine.report.status.change.history"></span></th>
      </tr>
      <tr class="text-row gradient-header">
        <th class="cell-input"><span class="cell-text" openlmis-message="label.vaccine.report.status.change.history.date"></span></th>
        <th class="cell-input"><span class="cell-text" openlmis-message="label.vaccine.report.status.change.history.by"></span></th>
        <th class="cell-input"><span class="cell-text" openlmis-message="label.vaccine.report.status.change.history.status"></span></th>
      </tr>
      </thead>
      <tbody>
      <tr class="text-row" ng-show="report.reportStatusChanges.length > 0"
          ng-repeat="history in report.reportStatusChanges">
        <td class="cell-input"><span class="cell-text">{{history.date | date : 'dd-MMM-yyyy'}}</span></td>
        <td class="cell-input"><span class="cell-text">{{history.firstName}} {{history.lastName}}</span></td>
        <td class="cell-input"><span class="cell-text">{{history.status}}</span></td>
      </tr>
      <tr class="text-row" ng-show="report.reportStatusChanges.length == 0">
        <td colspan="3" class="text-input">
          <span openlmis-message="label.vaccine.report.status.change.history.not.found"></span>
        </td>
      </tr>
      </tbody>
    </table>
  </div>
  <div class="clearfix"></div>
</div>